
import 'package:chatroom_flutter_app/util/my_colors.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';


class ChatTop extends StatelessWidget {
  const ChatTop({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(vertical: 7.r,horizontal: 15.r),
      child: Row(
        children: [
          Text("点点开黑",style: TextStyle(fontSize: 22.sp,color: MyColors.black22,fontWeight: FontWeight.bold),),
          Expanded(child: Container()),
          Container(
            width: 137.r,
            height: 30.r,
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(15.r),
                color:MyColors.searchBg
            ),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Padding(padding: EdgeInsets.symmetric(horizontal: 12.r),child: SizedBox(width:15.r,height:15.r,child: Image.asset('./assets/images/icon_chat_search.png'),)),
                Text("搜索",style: TextStyle(fontSize: 12.sp,color: const Color(0xff8F98C5)),),
              ],
            ),
          ),
          SizedBox(width: 14.5.r,),
          SizedBox(width:21.r,height:20.5.r,child: Image.asset('./assets/images/icon_chat_rank.png'),)
        ],
      ),
    );
  }
}
